<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8" />
    <title>主页 - 我打测试</title>
    <!--CSS-->
    <link rel="stylesheet" type="text/css" media="all" href="/layui/css/layui.css"/>
    <link rel="stylesheet" type="text/css" media="all" href="/css/global.css"/>
    <!--JavaScript-->
    <script type="text/javascript" src="/layui/layui.all.js"></script>
    <script type="text/javascript" src="/js/jquery.min.js"></script>
    <script type="text/javascript" src="/js/myJs.js"></script>
</head>
<body>
<!--头部导航-->
<div class="fly-header layui-bg-black">
    <ul class="layui-nav" style="border-radius:0px">
        <li class="layui-nav-item">
            <a href="">Release Notes</a>
        </li>
        <li class="layui-nav-item layui-this">
            <a href="javascript:;">CaseManager</a>
        </li>
        <li class="layui-nav-item">
            <a href="">ReportSystem</a>
        </li>
        <li class="layui-nav-item">
            <a href="">UI Test</a>
        </li>
        <li class="layui-nav-item">
            <a href="javascript:;">入口集成</a>
            <dl class="layui-nav-child">
                <dd><a href="">选项1</a></dd>
                <dd><a href="">选项2</a></dd>
                <dd><a href="">选项3</a></dd>
            </dl>
        </li>
    </ul>
</div>

<!--&lt;!&ndash;AD&ndash;&gt;-->
<!--<div class="layui-carousel" id="ad" style="width: 100%; height: 280px">-->
<!--<div carousel-item="">-->
<!--<div style="background-color: #2b669a"></div>-->
<!--</div>-->
<!--</div>-->

<!--主内容-->
<div class="layui-container" style="margin-top: 60px; height: 100%">
    <div class="layui-row">
        <div class="layui-col-xs12 layui-col-sm12 layui-col-md4">
            <!--Case Manager-->
            <fieldset class="layui-elem-field layui-field-title site-title">
                <legend><a name="color-design"><span style="font-weight: 400;font-size: 26px">Case Manager</span> | <span style="font-size: 14px;">轻量级Test Case管理系统</span></a></legend>
            </fieldset>
            <div class="fly-panel fly-panel-user">
                <blockquote class="layui-elem-quote layui-text">
                    <ul style="padding-top: 0;">
                        <li>采用Spring boot、MyBatis框架，开发的一套测试用例管理系统</li>
                        <li>支持分布式部署、Quartz分布式集群调度</li>
                        <li>轻量JAR包格式, 部署简单</li>
                        <li><a href="/case/allCases">点击进入</a></li>
                    </ul>
                </blockquote>
            </div>
            <!--Report System-->
            <fieldset class="layui-elem-field layui-field-title site-title">
                <legend><a name="color-design"><span style="font-weight: 400;font-size: 26px">Report System</span> | <span style="font-size: 14px;">API报告</span></a></legend>
            </fieldset>
            <div class="fly-panel fly-panel-user">
                <blockquote class="layui-elem-quote layui-text">
                    <ul style="padding-top: 0;">
                        <li>采用TestNG、KLOV框架，开发的一套API测试报告系统</li>
                        <li>拥有DashBoard, Build等分层视图</li>
                        <li>轻量JAR包格式, 部署简单</li>
                        <li><a href="http://192.168.199.39:8888">点击进入</a></li>
                    </ul>
                </blockquote>
            </div>
            <!--UI Test-->
            <fieldset class="layui-elem-field layui-field-title site-title">
                <legend><a name="color-design"><span style="font-weight: 400;font-size: 26px">UI Test</span> | <span style="font-size: 14px;">UI自动化测试</span></a></legend>
            </fieldset>
            <div class="fly-panel fly-panel-user">
                <blockquote class="layui-elem-quote layui-text">
                    <ul style="padding-top: 0;">
                        <li>敬请期待...</li>
                    </ul>
                </blockquote>
            </div>
        </div>

        <div class="layui-col-xs12 layui-col-sm12 layui-col-md4">
            <div class="fly-panel enterprise" style="margin-bottom: 0px;">
                <div class="fly-panel-main" style="background-color: #a6cab0;padding: 20px 35px;">
                    <p style="position: relative; color: #ffffff;font-weight: 500;text-align: center;font-size: 20px;">厉害了, 我的哥</p>
                    <p style="position: relative; color: #ffffff;font-weight: 300;text-align: center;margin-top: 5px;font-size: 16px;">为你疯狂打call</p>
                </div></div>

            <div class="fly-panel enterprise">
                <div class="fly-panel-title" style="margin-left: auto;margin-right: auto; width: 100px;"> 入口集成 </div>
                <div class="fly-panel-main">
                    <a href="#" target="_blank" class="fly-zanzhu" style="background-color: #009688;font-size: 16px;font-weight: 400;">关于我们</a>
                </div>
                <div class="fly-panel-main">
                    <a href="http://192.168.1.178" target="_blank" class="fly-zanzhu" style="background-color: #009688;font-size: 16px;font-weight: 400;">TestLink</a>
                </div>
                <div class="fly-panel-main">
                    <a href="http://192.168.1.178:8888" target="_blank" class="fly-zanzhu" style="background-color: #009688;font-size: 16px;font-weight: 400;">Mantis</a>
                </div>
                <div class="fly-panel-main">
                    <a href="https://www.tapd.cn/company/participant_projects" target="_blank" class="fly-zanzhu" style="background-color: #009688;font-size: 16px;font-weight: 400;">Tapd</a>
                </div>
                <div class="fly-panel-main">
                    <a href="http://b.wodedagong.com/login/download" target="_blank" class="fly-zanzhu" style="background-color: #009688;font-size: 16px;font-weight: 400;">生产App安装</a>
                </div>
                <div class="fly-panel-main">
                    <a href="#" target="_blank" class="fly-zanzhu" style="background-color: #009688;font-size: 16px;font-weight: 400;">测试环境入口</a>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="fly-footer">
    <p><a href="http://www.renren.io/" target="_blank">我打 - 测试部</a> 2018</p>
</div>

</body>

<script>
    layui.use(['carousel', 'form'], function(){
        var carousel = layui.carousel
            ,form = layui.form;

        //改变下时间间隔、动画类型、高度
        carousel.render({
            elem: '#ad',
            width: '100%'
        });



        //事件
        carousel.on('change(test4)', function(res){
            console.log(res)
        });

        var $ = layui.$, active = {
            set: function(othis){
                var THIS = 'layui-bg-normal'
                    ,key = othis.data('key')
                    ,options = {};

                othis.css('background-color', '#5FB878').siblings().removeAttr('style');
                options[key] = othis.data('value');
                ins3.reload(options);
            }
        };

        //监听开关
        form.on('switch(autoplay)', function(){
            ins3.reload({
                autoplay: this.checked
            });
        });

        $('.demoSet').on('keyup', function(){
            var value = this.value
                ,options = {};
            if(!/^\d+$/.test(value)) return;

            options[this.name] = value;
            ins3.reload(options);
        });

        //其它示例
        $('.demoTest .layui-btn').on('click', function(){
            var othis = $(this), type = othis.data('type');
            active[type] ? active[type].call(this, othis) : '';
        });
    });
</script>

<script>
    layui.use('element', function(){
        var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块

        //监听导航点击
        element.on('nav(demo)', function(elem){
            //console.log(elem)
            layer.msg(elem.text());
        });
    });
</script>
</html>